<template>
    <div class="header">
        <slot name="header">header</slot>
    </div>
    <div class="main">
        <slot>main</slot>
    </div>
    <div class="footer">
        <slot name="footer">footer</slot>
    </div>
</template>

<style scoped>
div {
    color: #fff;
}
.header {
    background-color: #c04851;
}

.main {
    background-color: #2c9678;
}

.footer {
    background-color: #11659a;
}
</style>
